<html>
<head>
    <title>透析助手</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.5.6/css/sm.min.css">
    <link rel="stylesheet" href="__PUBLIC__/css/style.css">
    <link rel="stylesheet" href="__PUBLIC__/css/5s.css">
    <link rel="stylesheet" href="__PUBLIC__/css/6m.css">
    <link rel="stylesheet" href="__PUBLIC__/css/iconfont.css">
</head>
<body>
    <div class="head">
        <div class="HeadContent">
            <a href="javascript:;" class="back"><i class="iconfont">&#xe605;</i><span>返回</span></a>
            <div class="WeightRecord"><div><{$words.drink}></div></div>
            <button class="Btn-circle Btn-another">
                <span>饮水</span>
                <i class="iconfont">曲线</i>
            </button>
        </div>
    </div>
    <div class="RecordInformation-list">
        <div class="chart">
            <div id="container" style="width:100%;height:350px;margin: 0 auto"></div>
        </div>
        <div class="ChartDate">
            <a class="<{:I('get.type')?'':'active'}>" href="<{:U('chart',array('pid'=>$pid))}>" style="width:48%;">日</a>
            <a class="<{:I('get.type')=='week'?'active':''}>" href="<{:U('chart',array('type'=>'week','pid'=>$pid))}>" style="width:48%;float:right;">周</a>
        </div>
    </div>
    <if condition="$pid eq ''">
    <div class="foot">
        <span></span><a href="<{:U('index')}>">返回列表<i class="iconfont">&#xe60a;</i></a>
    </div>
    </if>
<script src="__PUBLIC__/js/jquery-1.11.1.min.js"></script>
<script src="__PUBLIC__/highcharts/js/highcharts.js"></script>
<script src="__PUBLIC__/highcharts/js/modules/exporting.js"></script>
<script src="__PUBLIC__/highcharts/js/modules/no-data-to-display.js"></script>
<script type='text/javascript' src='__PUBLIC__/js/myjq.js'></script>
<script type="text/javascript">
$(function () {
    $('#container').highcharts({
        chart: {
            type: 'column'
        },
        title: {
            text: '饮水'
        },
        xAxis: {
            categories: [<{$xStr}>],
            crosshair: true
        },
        yAxis: {
            min: 0,
            title: {
                text: 'ml'
            }
        },
        tooltip: {
            headerFormat: '<span style="font-size:10px">{point.key}</span><br />',
            pointFormat: '{point.y}',
            footerFormat: '',
            shared: true,
            useHTML: true
        },
        plotOptions: {
            column: {
                pointPadding: 0.2,
                borderWidth: 0
            },
            series: {
                borderWidth: 0,
                dataLabels: {
                    enabled: true,
                    format: '{point.y:f}'
                }
            }
        },
        series: [{
            name: '水量',
            data: [<{$yStr}>]
        }],
        lang: {
            noData: "暂无数据"
        },
        noData: {
            style: {
                fontWeight: 'bold',
                fontSize: '16px',
                color: '#303030'
            }
        }
    });
});
</script>
</body>
</html>